// 目标获取窗口的宽度
// 挂载完毕获取窗口的宽高
// 挂载完毕监听窗口的事件resize
// 卸载时候移除监听
// 用size 有w，h值响应式
import { useEffect,useState } from "react";
export function useWinSize(){
  // 初始化定义size值有w和h
  const [size,setSize] = useState({w:window.innerWidth,h:window.innerHeight})
  const onResize =()=>{
    // 窗口发送变化，更新w与h的值
    setSize({w:window.innerWidth,h:window.innerHeight})
  }
  // 挂载完毕
  useEffect(()=>{
    // 监听resize事件
    window.addEventListener("resize",onResize);
    // 卸载完毕要移除事件
    return ()=> window.removeEventListener("resize",onResize);
  },[])
  // useWinSize执行返回size
  return size

}